<template lang="pug">
div
    router-view
    .tab
        text.now &#xe6ce;
        text.ico &#xe68e;
        text.ico &#xe615;
        text.ico &#xe655;
        text.ico &#xe8bd;
</template>
<style lang="scss" scoped>
.tab{
    position:fixed;
    bottom:0;
    width:750px;
    border-top-style:solid;
    border-top-color:#ddd;
    border-top-width:1px;
    flex-direction:row;
    background-color:#fff;
}
.ico,.now{
    font-family:ico;
    text-align:center;
    align-items:center;
    font-size:60px;
    height:100px;
    line-height:100px;
    width:150px;
}
.ico{
    color:#ccc;
}
.now{
    background-color:#f9f9f9;
    background-image: linear-gradient(to bottom,#f3f3f3, #fefefe);
    color:#555;
}
</style>

<script lang="coffee">

export default {
    beforeCreate:->
        require("@/util/font").local("ico")
    methods:{
    }
    data : ->
        {}
}
</script>

